<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>键盘的事件</title>
        <script type="text/javascript">
            /*键盘事件一般都绑定给可以获取焦点的对象或document
              onkeydown：按键被按下,如果按下不松开，则事件会连续触发且第一次
                         和第二次之间会有较长的时间间隔，这是防止误操作；
              onkeyup：按键被松开； 

              在事件对象event中，还提供了如下几个按键属性：
              (1)keyCode
                 - 获取按键的编码，可以判断哪个按键被按下；
              (2)altKey、ctrlKey、shiftKey
                 - 判断alt、Ctrl和shift键是否被按下，按下返回true，否则返回false；
             */
            window.onload = function(){
                document.onkeydown = function(event){
                    event = event || window.event;
                    if(event.keyCode == 89 && event.ctrlKey)
                       console.log("ctrl键和Y键同时被按下");
                };
               /*  document.onkeyup = function(){
                   console.log("按键松开了");
                }; */

                var input = document.getElementsByTagName("input")[0];
                /* 在文本框中输入内容属于onkeydown的默认行为， 如果在此事件下取消了默认行为，
                   则输入的内容不会出现在文本框中*/
                input.onkeydown = function(event){
                    event = event || window.event;
                   //需求：要求在文本框中不能输入数字(提示：通过取消默认行为来实现)
                    if(event.keyCode>=96 && event.keyCode<=105)
                        return false;
                };
            };
        </script>
        <style type="text/css">

        </style>
    </head>
    <body>
        <input type="text">
    </body>
</html>